<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
	    <title>测试主页</title>
	    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	    <meta name="apple-mobile-web-app-capable" content="yes">
	    <meta name="apple-mobile-web-app-status-bar-style" content="black">
	    <meta name="format-detection" content="telephone=no">

	    <meta name="renderer" content="webkit">
	    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	    <!-- uc强制竖屏 -->
	    <meta name="screen-orientation" content="portrait">
	    <!-- QQ强制竖屏 -->
	    <meta name="x5-orientation" content="portrait">

	    <link rel="stylesheet" type="text/css" href="css/reset.css">
	    <link rel="stylesheet" type="text/css" href="css/testResult_gradeOne.css">	    
		
		<script>
			var width = document.documentElement.clientWidth;
	        var Standard = 100 / (750 * 1.0 / width);
	        Standard = Standard > 100 ? 100 : Standard;
	        document.querySelector("html").style.fontSize = Standard + "px";
		</script>
		
    </head>
    <body>
		<header>
			<div class="clearfix">
				<div class="back"><a href="javascript:history.back();"></a></div>
			</div>
		</header>

		<main>
			<section class="nav">
				<div>
					<ul class="clearfix" id="slideFollow">
						<li class="current"><i class="one"></i><span>天喜桃花</span></li>
						<li><i class="two"></i><span>红鸾桃花</span></li>
						<li><i class="three"></i><span>墙内桃花</span></li>
						<li><i class="four"></i><span>墙外桃花</span></li>
						<li><i class="five"></i><span>沐浴桃花</span></li>
						<li><i class="six"></i><span>正缘桃花</span></li>
						<li><i class="seven"></i><span>红艳桃花</span></li>
						<li><i class="eight"></i><span>玉门桃花</span></li>
						<li><i class="nine"></i><span>咸池桃花</span></li>
					</ul>
				</div>
			</section>
			<section class="result">
				<div>
					<ul class="clearfix" id="slideBox">
						<li class="one">
							<div class="disc">
								<p>天喜桃花象征：爱情顺利、婚姻喜庆。</p>
								<span>天喜桃花介绍：天喜桃花是一朵非常吉祥的桃花，会使恋爱过程减少曲折，带给你婚姻美满、甜蜜又吉利的桃花，命带天喜桃花会让所有爱情问题逢兄化吉！使得每段感情如同都有老天的庇佑与祝福一般，形成一段段美好良缘。命中没有天喜，流年逢天喜，亦会有天喜桃花的效应，每逢地支对应的流年岁月，皆是天喜来临的周期，要好好把握。</span>
							</div>
						</li>
						<li class="two">
							<div class="disc">
								<p>红鸾桃花象征：早熟早恋、追求情欲。</p>
								<span>红鸾桃花介绍：红鸾桃花是一朵象征浪漫爱情的桃花。命中有红鸾桃花的人易有早熟早恋的情况，且异性缘也好，在感情方面态度倾向于感性，爱情占据生命当中很大部分，追求捉摸不定的恋情，红鸾桃花是对婚姻、恋爱、感情颇为吉利的一朵桃花，恋爱易成功。无论命中有没有带红鸾桃花遇到年运来到时，则在这一年，也会产生红鸾桃花造成的爱情效应。</span>
							</div>
						</li>
						<li class="three">
							<div class="disc">
								<p>墙内桃花象征：闺房情趣、夫妻恩爱。</p>
								<span>墙内桃花介绍：一般有墙内桃花的男女，论本人性教育如何保守，在外人看起来如何拘谨严肃，但对自己的亲密情人就会比较开放，热情如火，女性敢穿性感内衣在情人面前，男性喜用情趣用品增加闰房情趣，本人在性生活会很多采多姿，性技巧也容易与时俱进，勇于学习新知来取悦另一半，间单的说这是一朵开花在自家墙内，代表只对自己爱人性观念开放，勇于享受美好床笫生活的桃花，但一般不会拈花惹草。</span>
							</div>
						</li>
						<li class="four">
							<div class="disc">
								<p>墙外桃花象征：外遇出轨、异性缘旺。</p>
								<span>墙外桃花介绍：命中带有墙外桃花的人易有外遇情人，多风流。墙外桃花情不专，风流浪漫婚外欢，女人漂亮出墙红，男人聪明花柳间。在恋爱阶段也更容易有多个发展对象。即使身边已经有交往对象，发生多角恋情的机率的确比命中不带墙外桃花的人高出许多。命带墙外桃花的人非常重视感情，一旦深爱的对方有不忠的现象，TA会非常恨怒的，会报复性的与其它人发生感情之事包括性关系。</span>
							</div>
						</li>
						<li class="five">
							<div class="disc">
								<p>沐浴桃花象征：性感魅力、吸引力强。</p>
								<span>沐浴桃花介绍：命中有沐浴桃花的人，性观念特别开放，尤其男性，在众人面前高谈性事，还能脸不红气不喘，谈起闺房之事，更是“性”致勃勃。除了观念开放，命带沐浴桃花的人，对于性的需求也比较高，喜欢享受翻云覆雨的滋味，并且渴望从中获得满足。命中带有沐浴桃花，不只本身具有魅力，并且对于情欲之事抱持开放态度，属于「及时行乐」类型。因此，只要这当时机降临，你的情欲很容易就战胜理智。</span>
							</div>
						</li>
						<li class="six">
							<div class="disc">
								<p>正缘桃花象征：喜结良缘、夫妻恩爱。</p>
								<span>正缘桃花介绍：命中有正缘桃花的人，代表今生感情必有归宿，不会孤单一人。即使在追求爱情的过程中有些波折，然而，由于你的命中带正缘桃花，因此，最后一定会有爱侣相伴。所以，当在流年遇正缘桃花时已有交往对象的人，就很可能就会该年结婚；还没对象的人，也不需要担心，该年所遇到的那位就是你的真命天子或天女，记得好好把握！</span>
							</div>
						</li>
						<li class="seven">
							<div class="disc">
								<p>红艳桃花象征：高雅优美、浪漫爱情。</p>
								<span>红艳桃花介绍：命中有红艳桃花的人，象征本人异性缘佳，且生性多情。即使身旁已有交往对象，仍会吸引其他异性追求，若本身意志不坚，很容易就风流韵事不断，造成爱情运势不稳、感情容易生变。由于你的命中没有红艳桃花，因此，这方面的顾虑就减少许多。若身边已有交往对象，应好好珍惜对方，若遇上红艳桃花流年，别忘克制情欲，以免卷入感情纠纷。</span>
							</div>
						</li>
						<li class="eight">
							<div class="disc">
								<p>玉门桃花象征：观念开放、追求情欲。</p>
								<span>玉门桃花介绍：命中有玉门桃花的人，由于对爱情的期盼程度高，因此，非常愿意为爱奉献、牺牲；相对地，占有欲以及嫉妒心也比一般人强烈！命中没有玉门桃花，象徵你对爱情没有「飞蛾扑火般」的激烈倾向。面对难以掌握的爱情，与其强求，倒不如随缘，以平常心看待。有句话说：命中有时终需有，命中无时莫强求。当命中姻缘降临，想躲都躲不掉！</span>
							</div>
						</li>
						<li class="nine">
							<div class="disc">
								<p>咸池桃花象征：多情多欲、风流妖艳。</p>
								<span>咸池桃花介绍：命中有咸池桃花的人，外型抢眼、男俊女美。光是凭著外型优势，就足以吸引爱慕眼光。许多公众人物、演艺明星，就是命带咸池桃花的格局，因此公众缘极佳、广受众人欣赏与喜爱，演艺生涯自然大红大紫。由此可知，命带咸池桃花的人，不论男女，都是长相不赖、擅于打扮自己。与生俱来的魅力，使你走在人群中显得突出，令人忍不住想多看你一眼！</span>
							</div>
						</li>
					</ul>
				</div>
			</section>
			
			<div class="see_more" id="see_more"><a href="./testResult_gradeTwo.html"></a></div>
		</main>


	    <script type="text/javascript" src="js/lib/zepto.fastclick.doT.layer.min.js"></script>
		<script src="js/testResult_gradeOne.js"></script>
		<!-- <script>
			$(function(){
				if (typeof Stars == "undefined") {
				    var Stars = {};
				}
				Stars.test = {
					init: function(){
						var that = this;
						that.bindEvent();
					},
					variable: {
						placeholder: $('#name').prop('placeholder'), //占位符
						gender: '',		  //性别
						name: ''			//输入的名字
					},
					bindEvent: function (){
						var that = this;
						//输入姓名交互
						$('#name').focus(function() {
							$(this).prop('placeholder', '');						
						});
						$('#name').blur(function() {
							$(this).prop('placeholder', that.variable.placeholder);
							// that.variable.name = $('#name').val();
							// that.variable.name = that.variable.name.replace(/\s+/g, '');
							/*if( !that.variable.name ){
								//输入不合标准
								$(this).prop('placeholder', that.variable.placeholder);
							}*/
							// console.log(that.variable.name)
						});
						//切换性别
						$('#gender').click(function() {
							var gender = $(this).val();
							if( gender == "性别 : 男" ){
								$(this).val("性别 : 女");
							}else{
								$(this).val("性别 : 男");
							}
						});
						//选择出生年月
						$('#date').mobiscroll().datetime({
							animate: 'flip',
							rows: 5,
							height: 30,
							maxWidth: 55,
							minWidth: 50,
							theme: 'android-holo-light',
							mode:  'scroller',
							display: 'modal',
							lang:  'zh',
							minDate:  new Date(1910,1,1),
							maxDate: new Date(),
							// stepMinute: 2,
							dateFormat: 'yy年mm月dd日',
							dateOrder: 'yymmdd',
							defaultValue: new Date(1990, 7, 8, 8, 0)
						});
					}


				};
				Stars.test.init();


				
	
				







			});
		</script> -->
		
    </body>
</html>